/* 导入字体图标 */
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css");

/* 主题颜色 */
.text-primary {
  color: #7B68EE;
}
.text-secondary {
  color: #FFB6C1;
}
.bg-primary {
  background-color: #7B68EE;
}
.bg-secondary {
  background-color: #FFB6C1;
}
.text-dark {
  color: #2C3E50;
}
.bg-light {
  background-color: #F8F9FA;
}

/* 按钮样式 */
.btn-primary {
  background-color: #7B68EE;
  color: #fff;
  font-weight: 600;
  padding: 8px 16px;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.btn-primary:active {
  background-color: rgba(123,104,238,0.9);
}
.btn-primary:disabled {
  opacity: 0.7;
}

.btn-outline {
  border: 1px solid #7B68EE;
  color: #7B68EE;
  font-weight: 600;
  padding: 8px 16px;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.btn-outline:active {
  background-color: #7B68EE;
  color: #fff;
}

/* 卡片样式 */
.post-card {
  background-color: #fff;
  border-radius: 12px;
  padding: 24px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}
.post-card:active {
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

/* 表单样式 */
textarea {
  background-color: #fff;
  border-color: #e2e8f0;
}
textarea:focus {
  border-color: #7B68EE;
  outline: none;
  box-shadow: 0 0 0 2px rgba(123,104,238,0.2);
}

.my-posts-container.mobile {
    padding: 10px;
}
.mobile .post-card {
    padding: 15px;
}
.mobile .post-header {
    flex-direction: column;
    align-items: flex-start;
}
.mobile .post-actions {
    flex-direction: column;
    gap: 10px;
}
.mobile .action-btn {
    width: 100%;
} 